Understanding -moz- and -webkit- CSS Properties

此模組讓你理解 CSS 工作原理，包含選擇器與屬性、撰寫 CSS 規則、在 HTML 套用 CSS、如何在 CSS 指定長度、色彩、還有其它單位、階層與繼承、box model 基礎、以及針對 CSS 除錯。

-moz-和-webkit-是CSS厂商前缀，用于指示CSS属性在特定浏览器中的私有实现。 以-moz-开头的前缀是Mozilla Firefox浏览器的私有属性实现，而以-webkit-开头的前缀则是WebKit引擎浏览器（如Google Chrome和Safari）的私有属性实现。

瀏覽器之所以能夠渲染（render，將軟體變成畫面的過程）出畫面，是透過瀏覽器引擎（browser engine），它負責將我們所寫的 HTML 及 CSS 解析並排版出來。 而常見的有：Webkit（分支有 Google 主導開發的 Blink）、Mozilla 等。 使用同樣瀏覽器引擎的瀏覽器，解析出來的畫面會較為相似，反之就有可能有所落差。 基於 Blink，當前最主流，寫網頁在這裡絕對不能壞掉。 基於 Blink，在 Chrome 上正常的話，在這裡就不太容易壞。 基於 Blink，台灣很少人用，

CSS 裡的 -webkit、-moz、-ms、-o 是一種內核識別碼，簡單來說就是瀏覽器供應商解決瀏覽器兼容的問題所制定的前綴，每家瀏覽器不一定支援CSS最新的屬性，因此當失效時可能就是少了前綴字。

These are the vendor-prefixed properties offered by the relevant rendering engines (-webkit for Chrome, Safari; -moz for Firefox, -o for Opera, -ms for Internet Explorer). Typically they're used to implement new, or proprietary CSS features, prior to

–moz-前缀是CSS中的一项强大功能，可以帮助开发者解决浏览器兼容性问题。 然而，在使用–moz-前缀时，需要注意兼容性、性能和维护等方面的问题。

供應商前綴是擴展 CSS 功能並確保開發過程中跨瀏覽器相容性的有用工具。 雖然它們最終會被刪除，但了解它們的目的和用法對於熟練的 CSS 程式設計至關重要。